body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form{ margin:0;padding: 0;}
h1,h2,h3,h4,h5,h6{ 
  font-weight:normal;
  font-size:100%;
  font-weight:normal;
}
ol,ul {list-style: none}
img{border:0; -ms-interpolation-mode:bicubic;}
table{ border-collapse:collapse; border-spacing:0}
td{padding:0}
textarea{ resize:vertical}
:focus{outline:none}
em,i{
  font-weight:normal; font-style:normal;
}
input, select {
    vertical-align:middle;
}
a {text-decoration: none;}
input,select,textarea,button{font-size:.28rem; padding:0}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#ccc}
input:-moz-placeholder,textarea:-moz-placeholder {color:#ccc}
input::-moz-placeholder,textarea::-moz-placeholder {color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#ccc}
::-ms-clear, ::-ms-reveal{display:none}
::-webkit-input-placeholder{color:#ccc}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0}
button:focus{outline:0}
.scrolling{-webkit-overflow-scrolling:touch}

article, aside, footer, header, hgroup, main, nav, section{display:block}
@-ms-viewport{width:device-width}

img{
  border:0 none;
  max-width: 100%;
}
html{ overflow-x:hidden; -webkit-tap-highlight-color:transparent}
html,body{ height:100%}
body{font-family: PingFangSC-Regular,sans-serif;font-size:.28rem; color:#333; background-color:white}


/*button,input,select,textarea{font-family:inherit; font-size:inherit; line-height:inherit}*/
a{color:#111; text-decoration:none; outline:0}
a:focus{outline:dotted thin; outline:-webkit-focus-ring-color auto 5px; outline-offset:-2px}

#app{ height:100%; min-height:100%}
.fullheight{ width: 100%;min-height:100%;box-sizing: border-box;}

/*容器*/
.pd{ padding:.3rem}
.p-t{ padding-top:.3rem}
.p-r{ padding-right:.3rem}
.p-b{ padding-bottom:.3rem}
.p-l{ padding-left:.3rem}
.p-tb-in{padding-top:.2rem; padding-bottom:.2rem}
.p-tb-large{padding-top:.4rem; padding-bottom:.4rem}
.wrapper{ padding:0 .3rem}
.wrapper-con{ padding:.3rem}
.block-center{display:block; margin-left:auto; margin-right:auto}

/*边距*/
.m-t{margin-top:.2rem}
.m-r{margin-right:.2rem}
.m-b{margin-bottom:.2rem}
.m-l{margin-left:.2rem}

/*背景色*/
.bg-white{background-color:white}
.bg-black{background-color:#111}
.bg-gray{background-color:#f2f3f6}
.bg-yellow{background-color:#CDAD66}

/*文字颜色*/
.color-black{color:#111}
.color-white{color:white}
.color-strong{color:#333}
.color-gray{color:#666}
.color-weak{color:#999}
.color-yellow{color:#ccac66}
.color-red{color:#ff4d4d}

/*字体大小*/
.fs20{font-size:.20rem}
.fs22{font-size:.22rem}
.fs24{font-size:.24rem}
.fs26{font-size:.26rem}
.fs28{font-size:.28rem}
.fs30{font-size:.3rem}
.fs32{font-size:.32rem}
.fs36{font-size:.36rem}

/*文字控制*/
.text-block{line-height:1.41; text-align:justify; word-break:break-all;}
.text-block6{line-height:1.6; text-align:justify; word-break:break-all;}
.text-l{text-align:left}
.text-c{text-align:center}
.text-r{text-align:right}
.text-line{text-decoration:line-through;}
.text-underline{text-decoration:underline;}
.text-bold{ font-weight:bold;}
.text-ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis2{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
/*清除浮动*/
.clearfix:after,.clearfix:before{content:" "; display:table}
.clearfix:after{clear:both}
.r{float:right!important}
.l{float:left!important}

.show{display:block!important;}
.hide{display:none;}
.hidden{overflow:hidden;}
/*按钮*/
.btn{display:inline-block; text-align:center; height:.88rem; line-height:.88rem; padding:0 .32rem; background-color:#CDAD66; font-size:.28rem; color:#fff; border:0; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer; -webkit-user-select:none}
.btn-disabled{ background-color:#ddd; color:#bbb}
.btn-larger{ height:1rem; line-height:1rem;font-size:.32rem;}
.btn-block{display:block; width:100%}
.btn-out{ border:1px solid #CDAD66; background-color:transparent; color:#CDAD66}
.btn-out-black{ border:1px solid #111; background-color:transparent; color:#111}
.btn-gray{ background:#bbb}
.btn-disable{ background:#ddd; color:#bbb}
.btn-black{ background:#111}

.status-btn {
  border-radius: 0.1rem;
  display:inline-block; 
  text-align:center; 
  height:.6rem; 
  line-height:.6rem; 
  padding:0 .2rem; 
  font-size:.28rem; 
  border:0; vertical-align:middle; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box; 
  cursor:pointer; 
  -webkit-user-select:none;
  margin-left: 0.12rem;
}

.line-btn-jin{
  border:1px solid #CDAD66;
  background-color: #fff;
  color: #CDAD66;
}
.line-btn{
  border:1px solid #b1b1b1;
  background-color: #fff;
}
.fullcolor-btn-jin{
  background-color:#CDAD66; 
  color:#fff; 
}
.fullcolor-btn{
  background-color:#b1b1b1; 
  color:#fff; 
}
/*定位*/
.abs{ position:absolute!important}
.rel{ position:relative}
.fixed{ position:fixed;}
.static{
  position: static!important;
}
.abs-trl{top:0; right:0; left:0;}
.abs-rbl{ right:0; bottom:0; left:0}
.abs-trbl{ top:0; right:0; bottom:0; left:0}

.d-box{display:-webkit-box; display:-ms-flexbox}
.d-boxc{-webkit-box-pack:center;-webkit-box-align:center; box-pack:center; box-align:center}
.d-boxj{-webkit-box-pack:justify;-webkit-box-align:justify; box-pack:justify; box-align:justify}
.d-boxw{-webkit-box-flex:1; box-flex:1}

.d-flex{display:-webkit-flex; display:flex}
.d-flexj{ -webkit-justify-content:-webkit-space-between;justify-content:space-between}
.d-flexw{-webkit-flex:1 1 0; flex:1 1 0}
.flex-wrap{flex-wrap:wrap}

.color-jin {
    color: #C2A45C;
}
/*单选按钮*/
.t-radio{ display:inline-block; width:.32rem; height:.32rem; border:1px solid #ddd; border-radius:50%; position:relative; vertical-align:middle;}
.t-radio.checked{ border-color:#c2a45c; background:#c2a45c;}
.t-radio.checked:after{ display:inline-block; content:''; background:white; width:.09rem; height:0.18rem; background:transparent; border-right:1px solid white; border-bottom:1px solid white; position:absolute; top:50%; left:50%; margin:-0.14rem 0 0 -0.05rem;}
.t-radio.checked:after{ -webkit-transform:rotate(45deg); transform:rotate(45deg)}
/*支付方式*/
input.radioInput:checked+label{border-color:#c2a45c; background:#c2a45c;}
input.radioInput:checked+label:after{ display:inline-block; content:''; background:white; width:.09rem; height:0.18rem; background:transparent; border-right:1px solid white; border-bottom:1px solid white; position:absolute; top:50%; left:50%; margin:-0.14rem 0 0 -0.05rem;}
input.radioInput:checked+label:after{ -webkit-transform:rotate(45deg); transform:rotate(45deg)}


.t-mask{ display:block; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.7); z-index:999}

.img-contain{ position:relative; /*padding-top:100%;*/}
.img-contain img{ min-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

/*按下*/
.poke:active{ background:#f2f3f6!important}
/*输入框*/
.form-group{ height:.88rem; height:.88rem;margin-bottom:.35rem; border:1px solid #d8d8d8; display:-webkit-box; display:-ms-flexbox}
.form-group .o-ico{ width:.88rem; display:-webkit-box; display:-ms-flexbox; -webkit-box-pack:center;-webkit-box-align:center; box-pack:center; box-align:center}
.form-group .o-con{ height:100%; -webkit-box-flex:1; box-flex:1;}
.form-group .o-con input{ background:transparent; border:0 none; width:100%; height:100%;}
.form-group .form-VeriCode{ width:1.66rem; margin:.2rem 0; border-left:1px solid #d8d8d8; text-align:center;}

.form-group.is-error{border:1px solid #f00;}
.form-group.is-edit{border:1px solid #CDAD66;}
.form-group.is-error .form-wrong{
  bottom:-0.34rem;
  left: 0;
  font-size: 0.2rem;
  color: #f00;
}

.allow-r{ position:relative;}
.allow-r:after{ content:''; width:.16rem; height:.16rem; border-top:1px solid #a3a3a3; border-right:1px solid #a3a3a3; position:absolute; top:50%; right:0; margin-top:-.08rem;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

/*上传图片*/
.inputImg {
  height: 3.6rem;
  overflow: hidden;
}
.inputImg .delImg{
  position: absolute;
  top:0;right: 0;
  width: 1rem;
  height: 1rem;
  z-index: 3;
}
.inputImg .delImg:after,
.inputImg .delImg:before{
  display: inline-block;
    content: '';
    width: 0.5rem;
    height: 0.06rem;
    background: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.14rem 0 0 -0.05rem;
}
.inputImg .delImg:after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.inputImg .delImg:before{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.inputImg .img-contain{
  float: left;
  width: 2rem;
  height: 2rem;
  border:1px solid #999;
  margin-right: 0.2rem;
  margin-bottom: 0.4rem;
  position: relative;
}

.inputImg .img-contain img{
  z-index: 2
}
.inputImg .img-contain .cover{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;z-index: 1;
}
.inputImg .img-contain .cover:before,
.inputImg .img-contain .cover:after{
  content: ' ';
  display: block;
  background: #999;
  position: absolute;
  left: 0;top:0;right: 0;bottom: 0;margin:auto;
}
.inputImg .img-contain .cover:before{
  width: 0.06rem;
  height: 0.8rem;
}
.inputImg .img-contain .cover:after{
  width: 0.8rem;
  height: 0.06rem;
}


/*上拉下拉三角*/
.pull-down:after,
.pull-up:after{ 
  content:''; 
  width:0;height:0; 
  position:absolute; 
  left:.1rem; margin-top:-0.05rem;
  border-left:.1rem solid transparent;
  border-right: .1rem solid transparent;
}
.pull-down:after{
  top:74%;
  border-top: .1rem solid #a9a9a9;
}
.pull-up:after{ 
  top:24%;
  border-bottom: .1rem solid #a9a9a9;
}
.activeDown .pull-down:after{
  border-top: .1rem solid #C2A45C;
}
.activeUp .pull-up:after{ 
  border-bottom: .1rem solid #C2A45C;
}


/*-------------------------------------*/
ul li .input-wrap{
    width: 80%;
}
ul li .input-wrap input{
    color: #999
}
ul li .input-wrap .only-txt{
  height: 0.5rem;
  text-align: right;
  line-height: 0.6rem;
  padding-right: 0.6rem;
  color: #999;
}
ul li input,
ul li .imitateInput{
  width: 100%;
  background: none;
  border: 0 none;
  line-height: 34px;
  padding-left: 0.4rem;
  padding-right: 0.6rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #aaa;
}